<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Beautiful Nanchang</title>
    <!-- Reset basic styles -->
    <link rel="stylesheet" href="../公共css样式/重置基本样式类.css">

    <!-- link header and footer public classes -->
    <link rel="stylesheet" href="../公共css样式/公共类.css">

    <link rel="stylesheet" href="./index.css">
</head>

<body>
    <!-- Header -->
    <div class="header">
        <div class="wrapper">
            <!-- logo -->
            <div class="logo" title="Food Nanchang">
                <a href="./index.html">
                    <img src="../images图片库/header/logo.png" alt="Nanchang">
                    <h1>Beautiful Nanchang</h1>
                </a>
            </div>
            <!-- Navigation -->
            <div class="nav">
                <ul>
                    <li>
                        <a href="../test index首页/index.html" class="active">Home</a>
                    </li>
                    <li>
                        <a href="../游玩页面/游玩.html">Tourist Attractions</a>
                    </li>
                    <li>
                        <a href="../历史文化页面/历史文化.html">History and Culture</a>
                    </li>
                </ul>
            </div>
            
            <div class="user">
                <a href="../个人页面/个人页面.html" target="_blank" title="Go to personal page">
                    <img src="../images图片库/header/南昌logo.jpg" title="Go to personal page" alt="logo">
                    <span>Heroic Nanchang City</span>
                </a>
            </div>
        </div>
    </div>

    <!-- Carousel -->
    <div class="slide">
        <div class="container">
            <div id="slide">
                <div class="item" style="background-image: url(../images图片库/index/轮播图/八一广场.jpg);">
                    <div class="content">
                        <div class="name">Bayi Square</div>
                    </div>
                </div>
                <div class="item" style="background-image: url(../images图片库/index/轮播图/滕王阁.jpg);">
                    <div class="content">
                        <div class="name">Tengwang Pavilion</div>
                    </div>
                </div>
                <div class="item" style="background-image: url(../images图片库/index/轮播图/文泉禅寺.jpg);">
                    <div class="content">
                        <div class="name">Wenquan Zen Temple</div>
                    </div>
                </div>
                <div class="item" style="background-image: url(../images图片库/index/轮播图/绳金塔.jpg);">
                    <div class="content">
                        <div class="name">Shengjin Pagoda</div>
                    </div>
                </div>
                <div class="item" style="background-image: url(../images图片库/index/轮播图/美术馆.jpg);">
                    <div class="content">
                        <div class="name">Jiangxi Art Museum</div>
                    </div>
                </div>
                <div class="item" style="background-image: url(../images图片库/index/轮播图/万寿宫.jpg);">
                    <div class="content">
                        <div class="name">Wanshou Palace</div>
                    </div>
                </div>
            </div>
            <div class="buttons">
                <!-- Previous button -->
                <button id="prev"><i class="fa-solid fa-angle-left"></i></button>
                <!-- Next button -->
                <button id="next"><i class="fa-solid fa-angle-right"></i></button>
            </div>
        </div>
    </div>

    <div class="dian">
        <!-- Tourist Attractions nav -->
        <div class="foods wrapper">
            <div class="hd">
                <h3>Tourist Attractions</h3>
                <a href="../游玩页面/游玩.html" class="more">View All ></a>
            </div>
            <div class="bd">
                <ul>
                    <li>
                        <a>
                            <div class="pic">
                                <img src="../images图片库/index/游玩推荐图/滕王阁.jpg" alt="Tengwang Pavilion">
                            </div>
                            <div class="text">
                                <h4>Tengwang Pavilion</h4>
                                <p>Flying geese and setting sun together, autumn water and long sky one color.</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a>
                            <div class="pic">
                                <img src="../images图片库/index/游玩推荐图/鄱阳湖.jpg" alt="Poyang Lake">
                            </div>
                            <div class="text">
                                <h4>Poyang Lake</h4>
                                <p>Poyang Lake surface three hundred miles, grass trees clouds mountains nowhere in sight.</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a>
                            <div class="pic">
                                <img src="../images图片库/index/游玩推荐图/万寿宫.jpg" alt="Wanshou Palace">
                            </div>
                            <div class="text">
                                <h4>Wanshou Palace</h4>
                                <p>Attending a grand banquet of mortals, a glance at the thousand-year-old Wanshou Palace.</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a>
                            <div class="pic">
                                <img src="../images图片库/index/游玩推荐图/文泉禅寺.jpg" alt="Wenquan Chan Temple">
                            </div>
                            <div class="text">
                                <h4>Wenquan Zen Temple</h4>
                                <p>A winding path leads to seclusion, the Zen room deep in grass and trees.</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a>
                            <div class="pic">
                                <img src="../images图片库/index/游玩推荐图/八一馆.jpg" alt="Bayi Hall">
                            </div>
                            <div class="text">
                                <h4>Bayi Museum</h4>
                                <p>Following the red memories, exploring the heroic ancient city.</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a>
                            <div class="pic">
                                <img src="../images图片库/index/游玩推荐图/江西省博物馆.jpg" alt="Jiangxi Provincial Museum">
                            </div>
                            <div class="text">
                                <h4>Jiangxi Provincial Museum</h4>
                                <p>Gan wind Poyang charm, rich in treasures.</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a>
                            <div class="pic">
                                <img src="../images图片库/index/游玩推荐图/绳金塔.jpg" alt="Shengjin Tower">
                            </div>
                            <div class="text">
                                <h4>Shengjin Pagoda</h4>
                                <p>Broken reeds and collapsed Shengjin Tower, the copper essence shines like a distant fire.</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a>
                            <div class="pic">
                                <img src="../images图片库/index/游玩推荐图/江西美术馆.jpg" alt="Jiangxi Art Museum">
                            </div>
                            <div class="text">
                                <h4>Jiangxi Art Museum</h4>
                                <p>Born under the red flag, grown in the spring breeze.</p>
                            </div>
                        </a>
                    </li>

                </ul>
            </div>
        </div>

        <!-- History and Culture nav -->
        <div class="myfood wrapper">
            <div class="hd">
                <h3>History and Culture</h3>
                <ul>
                    <li>
                        <a href="javascript:void(0);" class="active">Historical Evolution</a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">Intangible Cultural Heritage</a>
                    </li>
                    <li>
                        <a href="javascript:void(0);">Folk Culture</a>
                    </li>
                    <li><a href="javascript:void(0);">Food Culture</a></li>
                </ul>
                <a href="../历史文化页面/历史文化.html" class="more">View All ></a>
            </div>
            <!-- Historical Evolution -->
            <div class="bd bd_active">
                <div class="Left">
                    <img src="../images图片库/index/历史文化图/1.2.jpg" alt="Historical and cultural map">
                </div>
                <div class="Right">
                    <div class="top">
                        <img src="../images图片库/index/历史文化图/1.1.jpg" alt="Historical and cultural map">
                    </div>
                    <div class="bottom">
                        <p>In the sixth year of Emperor Gaozu of Han (201 BC), the Jiangnan Commandery was established by dividing the Jiujiang Commandery, and the Nanchang County was set up as an attached county, belonging to Yangzhou. The name "Nanchang" originated from this. "The Names of Commanderies and Counties" in the Jiangxi volume states: "Nanchang Prefecture has Nanchang Mountain. The "Yuzhang Tujing" says: Nanchang Mountain is the mountain where King Wu of Wu minted coins. At that time, there was a mysterious light, which looked like fire. The essence of copper was also known as Mount Xi. Mount Xi is located thirty li west of the prefecture city, beyond the great river. It is also called Yan Yuan Mountain and Nanchang Mountain." The name "Nanchang" may have originated from this. "Nanchang" implies the prosperity of the south and the expansion of the southern frontier. The name of Nanchang city has changed several times, with various aliases. In the Han Dynasty, it was called Yuzhang, in the Tang Dynasty, Hongzhou, in the Song Dynasty, Longxing, and in the Ming Dynasty, it was officially named Nanchang.</p>
                    </div>
                </div>
            </div>
            <!-- Intangible Cultural Heritage -->
            <div class="bd playY">
                <div class="Top">
                    <div class="right">
                        <img src="../images图片库/index/历史文化图/2.1.jpg" alt="Historical and cultural map">
                    </div>
                    <div class="left">
                        <p>The bench dragon is composed of candles, cotton paper, bamboo strips, and benches. Unlike regular dragon dances, the dragon body of the bench dragon is formed by connecting one bench after another. Each bench holds an equal number of candle lanterns, which look like blooming plum blossoms. Inside the lanterns are candles, hence the name "plum candle lantern." Each dragon dance consists of about three hundred benches. These benches have only a seat and one leg. People drill holes in the benches, and the leg of the preceding bench fits perfectly into the hole, serving as the connection point. Connecting bench after bench forms a massive bench dragon.</p>
                    </div>
                </div>
                <div class="Bottom">
                    <div class="right">
                        <p>Ceramic painting refers to a type of flat ceramic craft made by manually painting on plain ceramic boards using special chemical pigments, followed by glazing and high-temperature firing. Ceramic paintings can be framed or embedded in screens for decoration. The history of ceramic paintings can be traced back to the Qin and Han dynasties. However, the true mean "ceramic painting" emerged in the mid-Ming Dynasty. From the mid-Qing Dynasty onwards, ceramic paintings began to flourish.</p>
                    </div>
                    <div class="left">
                        <img src="../images图片库/index/历史文化图/2.2.jpg" alt="Historical and cultural map">
                    </div>
                </div>
            </div>
            <!-- Folk Culture -->
            <div class="bd ">
                <!-- Adjust the position of Left to change the layout -->
                <div class="Right">
                    <div class="top">
                        <img src="../images图片库/index/历史文化图/3.1.jpg" alt="Historical and cultural map">
                    </div>
                    <div class="bottom">
                        <p>Nanchang City boasts a rich history of over two thousand two hundred years and profound folk customs, such as uncles sleeping at the head of the bed, communal dining, temple fairs, touching bridge piers, and celebrating the New Year with guests. The cultural festivals held here include the International Military Music Festival of Nanchang and the Shengjin Pagoda Temple Fair. Located in the Poyang Lake region, Nanchang has relatively low elevation. Historically, this area was plagued by bad air. Thus, on New Year's Eve, households would break off camphor branches and burn them in front of their doors, symbolizing "eliminating the ." The combination of place names, camphor trees, and the folk custom of "eliminating the" holds special significance.</p>
                    </div>
                </div>
                <div class="Left">
                    <img src="../images图片库/index/历史文化图/3.2.jpg" alt="Historical and cultural map">
                </div>

            </div>
            <!-- Food Culture -->
            <div class="bd playY">
                <div class="Top">
                    <!-- Swap left and right to change the position -->
                    <div class="left">
                        <p>Nanchang's food culture is incredibly rich, shaped by geographical environment, dynastic changes throughout history, and religious influences, gradually forming the food culture we see today. Nanchang cuisine belongs to the Gan cuisine family, embodying the basic characteristics of Gan cuisine and representing the mainstream branch and most typical example of Gan cuisine. With thousands of years of historical accumulation, Nanchang's food culture is diverse and features numerous snacks, holding a significant position in southern Chinese cuisine. In the Qing Dynasty, Yuan Mei's "Suiyuan Shidan" describes Jiangxi's signature dish, steamed pork with rice flour: "When cooked, not only is the meat delicious, but the vegetables are as well. </p>
                    </div>
                    <div class="right">
                        <img src="../images图片库/index/历史文化图/4.1.png" alt="Historical and cultural map">
                    </div>

                </div>
                <div class="Bottom">
                    <div class="left">
                        <img src="../images图片库/index/历史文化图/4.2.png" alt="Historical and cultural map">
                    </div>
                    <div class="right">
                        <p>Nanchang cuisine sources ingredients widely, with diverse side dishes and numerous condiments. The primary meats consumed by Nanchang residents are pork, poultry, and river delicacies. The variety of vegetables is extensive, with wild vegetables such as Poyang Lake water shield being particularly favored. Nanchang cuisine emphasizes flavors of spiciness, tenderness, crispness, and softness, with a preference for fresh and spicy tastes. Dishes are typically cooked with rapeseed oil or tea oil, and nearly every dish includes chili peppers, garlic, scallions, and other seasonings. Locals have a strong preference for spicy flavors, and modern Nanchang street food is known for its intense spiciness. The cooking methods focus on braising, stir-frying, stewing, and quick-frying, all aimed at preserving the original flavor of the ingredients. Signature dishes include Three-Cup Dog Meat, Yuzhang Crispy Duck.</p>
                    </div>

                </div>
            </div>
        </div>
    </div>

    <!-- Footer -->
    <div class="footer">
        <p>&copy; 2025 Beautiful Nanchang. All rights reserved.</p>
    </div>
</body>

<script src="./index.js"></script>

</html>